<!--

    Copyright (c) [2012] - [2017] Red Hat, Inc.
    All rights reserved. This program and the accompanying materials
    are made available under the terms of the Eclipse Public License v1.0
    which accompanies this distribution, and is available at
    http://www.eclipse.org/legal/epl-v10.html

    Contributors:
      Red Hat, Inc. - initial API and implementation

-->
<table border="0" cellpadding="0" cellspacing="0" width="636" bgcolor="#FFFFFF" align="center"
       style="font-size: 12px;color:#666666;line-height:20px;font-family:verdana,arial,tahoma;">
    <tr bgcolor="#FFFFFF">
        <td align="center" valign="middle" bgcolor="#FFFFFF" style="border:1px solid #E1E1E1;border-bottom:none;">
            <table border="0" cellpadding="0" cellspacing="0" width="92%" bgcolor="#FFFFFF" align="center"
                   style="font-size: 12px;color:#666666;line-height:20px;font-family:'HelveticaNeue Light',verdana,arial,tahoma">
                <tr>
                    <td align="left">
                        <h1 style="margin:20px 0 15px 0;padding:0">
                            <a href="${com.codenvy.masterhost.url}"
                               target="_blank"
                               style="font-family:'HelveticaNeue Light',arial,tahoma,serif;color:#222222;font-size:24px;text-decoration:none;font-weight:normal;"
                               title="Lost Password">Have You Lost Your Password?</a>
                        </h1>
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <!--- body -->

    <tr bgcolor="#FFFFFF">
        <td align="center" bgcolor="#FFFFFF"
            style="border: 1px solid #E1E1E1; border-top: none; border-bottom: none;">
            <table border="0" cellpadding="0" cellspacing="0" width="92%"
                   bgcolor="#FFFFFF" align="center"
                   style="font-size: 12px; color: #666666; line-height: 20px; font-family: verdana, arial, tahoma">
                <tr>

                    <td align="left">

                        <p style="font-family: LucidaGrande,verdana,arial,tahoma;font-size:12px;color:#222222">Click the link below to reset
                            your password for the Codenvy <a href="${com.codenvy.masterhost.url}"
                                                             style="color: #327FCD; text-decoration: none;">${tenant.masterhost}</a>
                            (the link will be valid for ${validation.token.age.message}):
                        </p>

                        <p>
                            <a href="${com.codenvy.masterhost.url}/site/setup-password?id=${id}"
                               style="color: #327FCD; text-decoration: none; margin: 10px 0;">${com.codenvy.masterhost.url}/site/setup-password?id=${id}</a>
                        </p>

                        <p style="font-family: LucidaGrande,verdana,arial,tahoma;font-size:12px;color:#222222">Have
                            fun coding in the cloud.</p>

                        <p style="font-family:'HelveticaNeue Light',verdana,arial,tahoma;font-size:14px;margin:10px 0 15px 0;line-height:20px;color:#222222">
                            <strong>The Codenvy Team</strong>
                        </p>

                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <!-- footer -->

    <tr>
        <td bgcolor="#4a6881" height="160">
            <table border="0" cellpadding="0" cellspacing="0" width="100%"
                   style="font-size: 12px;color:#666666;line-height:20px;font-family:verdana,arial,tahoma">
                <tr>
                    <td align="left" valign="top"
                        style="font-family:Verdana,arial,tahoma,serif;color:#FFFFFF;font-size:12px;padding:20px 0 20px 30px;width: 294px">
                        <h3>
                            <a href="${com.codenvy.masterhost.url}"
                               target="_blank"
                               style="font-family:'HelveticaNeue Light',arial,tahoma,serif;color:#FFFFFF;font-size:18px;text-decoration:none;font-weight:normal;"
                               title="What is Codenvy?">What is Codenvy?</a>
                        </h3>

                        <div style="font-family:'LucidaGrande bold',verdana,arial,tahoma;font-size:12px;line-height:22px;">
                            Codenvy is a cloud environment for coding, building, and debugging apps.
                            We use cloud's infinite resources to make your development tasks shorter.
                        </div>
                    </td>
                    <td align="right">
                        <img src="${com.codenvy.masterhost.url}/site/images/email/invitation/codenvy-ide.png" alt="Codenvy"/>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
